<div class="ui-g">
    <div class="ui-g-12 header">基础属性</div>
    <div class="ui-g-5 ui-widget-content">名称</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <p-dropdown [options]="nameItems" [(ngModel)]="assembly.name" [filter]="true" editable="true" [style]="{'width':'100%','height':'100%', 'border':'none', 'font-size':'16px'}">
        </p-dropdown>
    </div>
    <div class="ui-g-12 header">样式属性</div>
    <div class="ui-g-5 ui-widget-content">默认图片</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <input type="text" [(ngModel)]="assembly.value" />
    </div>
    <div class="ui-g-5 ui-widget-content">宽度</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <input type="text" [(ngModel)]="assembly.attributes.width">
    </div>
    <div class="ui-g-5 ui-widget-content">高度</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <input type="text" [(ngModel)]="assembly.attributes.height">
    </div>
    <div class="ui-g-5 ui-widget-content">上边距</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <input type="text" [(ngModel)]="assembly.attributes.y" />
    </div>
    <div class="ui-g-5 ui-widget-content">左边距</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <input type="text" [(ngModel)]="assembly.attributes.x" />
    </div>
    <div class="ui-g-5 ui-widget-content">圆角弧度</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <input type="text" [(ngModel)]="assembly.attributes.borderRadius">
    </div>
    <div class="ui-g-12 header">验证属性</div>
    <div class="ui-g-5 ui-widget-content">是否必填</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <p-dropdown [options]="yesNo" [(ngModel)]="assembly.validators.required" [style]="{'width':'100%','height':'100%', 'border':'none', 'font-size':'16px'}">
        </p-dropdown>
    </div>
</div>